// 按需导入 createApp
import { createApp } from 'vue'
// 导入 App.vue 组件
import App from './App.vue'
// 创建组件
const app = createApp(App)

// 自定义指令
app.directive('color', {
  // 这里是写在哪些过程中需要做什么的函数
  // mounted 是挂载后执行的 只执行一次
  mounted(el, binding) {
    el.style.color = binding.value
    // console.log(binding);
    console.log('1-mounted');
  },
  // updated 是数据更新后执行 可以执行多次
  updated(el, binding) {
    el.style.color = binding.value
  }
})

// 挂载组件
app.mount('#app')
